<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:view>
    <link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
    <t:div>

        <h:form>

            <h:panelGrid columns="1" width="3000" styleClass="tablaprincipal">
               <h:outputLabel value="Expectativas de Eventos" />
            </h:panelGrid>
            <a4j:outputPanel ajaxRendered="true">
                <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                            warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                            warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
            </a4j:outputPanel>
            <a4j:outputPanel id="panel1">
                <h:panelGrid columns="3" styleClass="tablanormal">
                    <h:outputLabel value="Evento: " />
                    <h:selectOneMenu value="#{ExpectativaEventoController.codigoEvento}">
                        <f:selectItem itemLabel="-- Seleccione un Evento --"/>
                        <f:selectItems value="#{ExpectativaEventoController.comboEventos}" />
                        <a4j:support ajaxSingle="true" action="#{ExpectativaEventoController.mostrarPreinscripciones}" reRender="panel1,panel2" event="onchange"/>
                    </h:selectOneMenu>
                    <h:commandButton value="Grabar" styleClass="desactivar"
                                     action="#{ExpectativaEventoController.guardarExpectativa}"
                                     onclick="confirm('Desea guardar las expectativas del evento?');" />
                </h:panelGrid>
            </a4j:outputPanel>

            <a4j:outputPanel id="panel2">
                <rich:dataTable value="#{ExpectativaEventoController.listaExpectativas}"
                                var="expectativa" rows="15" reRender="ds" id="simpletable"
                                width="3000" columnsWidth="10,310,250,420,250,420,250,420,250,420">
                    <f:facet name="header">
                        <rich:columnGroup>
                            <rich:column colspan="10" >
                                <h:outputLabel value=""/>
                            </rich:column>
                            <rich:column breakBefore="true">
                                <h:outputLabel value="Codigo"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Participante"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Pregunta 1"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Elija una opción"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Pregunta 2"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Elija una opción"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Pregunta 3"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Elija una opción"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Pregunta 4"/>
                            </rich:column>
                            <rich:column>
                                <h:outputLabel value="Elija una opción"/>
                            </rich:column>
                        </rich:columnGroup>
                    </f:facet>
                    <rich:column>
                        <h:outputLabel value="#{expectativa.expCodigo}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputLabel value="#{expectativa.preinscripcionEvento.personaNatural.nombreCompleto}"/>
                    </rich:column>
                    <rich:column>
                        <h:inputTextarea value="#{expectativa.expPregunta1}" disabled="true" rows="3" cols="28"/>
                    </rich:column>
                    <rich:column>
                        <h:selectOneRadio value="#{expectativa.exprespCerrada1}" styleClass="etiquetas">
                            <f:selectItem itemValue="5" itemLabel="Muy bueno" />
                            <f:selectItem itemValue="4" itemLabel="Bueno" />
                            <f:selectItem itemValue="3" itemLabel="Regular" />
                            <f:selectItem itemValue="2" itemLabel="Malo" />
                            <f:selectItem itemValue="1" itemLabel="No aplica" />
                        </h:selectOneRadio>
                    </rich:column>
                    <rich:column>
                        <h:inputTextarea value="#{expectativa.expPregunta2}" disabled="true" rows="3" cols="28"/>
                    </rich:column>
                    <rich:column>
                        <h:selectOneRadio value="#{expectativa.exprespCerrada2}" styleClass="etiquetas">
                            <f:selectItem itemValue="5" itemLabel="Muy bueno" />
                            <f:selectItem itemValue="4" itemLabel="Bueno" />
                            <f:selectItem itemValue="3" itemLabel="Regular" />
                            <f:selectItem itemValue="2" itemLabel="Malo" />
                            <f:selectItem itemValue="1" itemLabel="No aplica" />
                        </h:selectOneRadio>
                    </rich:column>
                    <rich:column>
                        <h:inputTextarea value="#{expectativa.expPregunta3}" disabled="true" rows="3" cols="28"/>
                    </rich:column>
                    <rich:column>
                        <h:selectOneRadio value="#{expectativa.exprespCerrada3}" styleClass="etiquetas">
                            <f:selectItem itemValue="5" itemLabel="Muy bueno" />
                            <f:selectItem itemValue="4" itemLabel="Bueno" />
                            <f:selectItem itemValue="3" itemLabel="Regular" />
                            <f:selectItem itemValue="2" itemLabel="Malo" />
                            <f:selectItem itemValue="1" itemLabel="No aplica" />
                        </h:selectOneRadio>
                    </rich:column>
                    <rich:column>
                        <h:inputTextarea value="#{expectativa.expPregunta4}" disabled="true" rows="3" cols="28"/>
                    </rich:column>
                    <rich:column>
                        <h:selectOneRadio value="#{expectativa.exprespCerrada4}" styleClass="etiquetas">
                            <f:selectItem itemValue="5" itemLabel="Muy bueno" />
                            <f:selectItem itemValue="4" itemLabel="Bueno" />
                            <f:selectItem itemValue="3" itemLabel="Regular" />
                            <f:selectItem itemValue="2" itemLabel="Malo" />
                            <f:selectItem itemValue="1" itemLabel="No aplica" />
                        </h:selectOneRadio>
                    </rich:column>
                    <f:facet name="footer">
                        <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                    </f:facet>
                </rich:dataTable>
            </a4j:outputPanel>
            <br/>
            <h:commandButton value="Grabar" styleClass="desactivar"
                             action="#{ExpectativaEventoController.guardarExpectativa}"
                             onclick="confirm('Desea guardar las expectativas del evento?');" />

        </h:form>
    </t:div>
</f:view>
